<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" />
		<link rel="stylesheet" href="css/Site.css" />
		<link rel="stylesheet" href="css/zy.all.css" />
		<link rel="stylesheet" href="css/font-awesome.min.css" />
		<link rel="stylesheet" href="css/amazeui.min.css" />
		<link rel="stylesheet" href="css/admin.css" />
		<style>
		
		</style>
	<body>
		<div class="dvcontent">

			<div>
				<!--tab start-->
				<div class="tabs">
					<div class="hd">
						<ul style="">
							<li style="box-sizing: initial;-webkit-box-sizing: initial;" class="on">查看分类</li>
							<li class="" style="box-sizing: initial;-webkit-box-sizing: initial;">添加分类</li>
						</ul>
					</div>
					<div class="bd">
						<ul style="display: block;padding: 20px;">
							<li>
								<!--分页显示角色信息 start-->
								<div id="dv1">
									<table class="table" id="tbRecord">
										<thead>
											<tr>
												<th>分类编号</th>
												<th>分类名称</th>
												<th>分类描述</th>
												<th>备注</th>
												<th>编辑</th>
												<th>删除</th>
											</tr>
										</thead>
										<tbody>
											<tr th:each="t:${types}" th:id="|tr_${t.tid}|">
												<td th:text="${t.tid}" >1</td>
												<td th:text="${t.tname}"> 肉类</td>
												<td th:text="${t.tdesc}"> </td>
												<td th:text="${t.tremark}"> </td>
												<td class="edit"><button th:onclick="|btn_toupdate(${t.tid})|"><i class="icon-edit bigger-120"></i>编辑</button></td>
												<td class="delete"><button th:onclick="|btn_delete(${t.tid})|"><i class="icon-trash bigger-120"></i>删除</button></td>
											</tr>

										</tbody>
									
									</table>
								</div>
								<!--分页显示角色信息 end-->
							</li>
						</ul>
						<ul class="theme-popbod dform" style="display: none;">
							<div class="am-cf admin-main" style="padding-top: 0px;">
			<!-- content start -->
			
	<div class="am-cf admin-main" style="padding-top: 0px;">
		<!-- content start -->
		<div class="admin-content">
			<div class="admin-content-body">
				
				<div class="am-g">
					<div class="am-u-sm-12 am-u-md-4 am-u-md-push-8">
						
					</div>
					<div class="am-u-sm-12 am-u-md-8 am-u-md-pull-4"
						style="padding-top: 30px;">
						<form class="am-form am-form-horizontal" action="#" method="post" id="form_add">
						
							<div class="am-form-group">
								<label for="user-name" class="am-u-sm-3 am-form-label">
									分类名称</label>
								<div class="am-u-sm-9">
									<input type="text" id="user-name" required
										placeholder="分类名称" name="tname">
										<small>10字以内...</small>
								</div>
							</div>
							<div class="am-form-group">
								<label for="user-intro" class="am-u-sm-3 am-form-label">
									描述</label>
								<div class="am-u-sm-9">
									<textarea class="" rows="5" id="user-intro" name="tdesc"
										placeholder="输入描述"></textarea>
									<small>250字以内...</small>
								</div>
							</div>
							<div class="am-form-group">
								<label for="user-intro" class="am-u-sm-3 am-form-label">
									备注</label>
								<div class="am-u-sm-9">
									<textarea class="" rows="5" id="user-intro" name="tremark"
										placeholder="输入备注"></textarea>
									<small>250字以内...</small>
								</div>
							</div>
							<div class="am-form-group">
								<div class="am-u-sm-9 am-u-sm-push-3">
									<input type="button" class="am-btn am-btn-success" value="添加分类" onclick="addType();"/>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		
		</div>
		<!-- content end -->
	</div>
							<!-- end-->
						</ul>
					</div>
				</div>
				<!--tab end-->

			</div>

			
			 <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
              <script src="js/plugs/Jqueryplugs.js" type="text/javascript"></script>
              <script src="js/_layout.js"></script>
             <script src="js/plugs/jquery.SuperSlide.source.js"></script>
			<script>
				var num = 1;
				$(function() {

				 $(".tabs").slide({ trigger: "click" });

				});


				//异步新增
				function addType() {

					var formdata = $("#form_add").serialize();
					alert(formdata);
					$.ajax({
						url:"type_add",
						type:"post",
						data:formdata,
						dataType:"json",
						success:function (result) {
							if(result.code==200){
								location.href="/typeList";
							}else{
								alert("分类添加失败");
							}
						}
					});
				}
				var btn_delete = function(id) {
					$.jq_Confirm({
						message: "您确定要删除吗?",
						btnOkClick: function() {
							//alert("要删除的编号是："+id);
							//这个位置同步删除? 异步删除?
							$.ajax({
								url:"/type_delete?id="+id,
								type:"post",
								dataType:"json",
								success:function (result) {
									//alert(JSON.stringify(result));
									if(result.code==200){
										//删除当前行
										alert("删除成功");
										$("#tr_"+id).hide(1000);
									}else{
										alert("删除失败");
									}
								}
							});
						}
					});
				}
				//跳转更新
				function btn_toupdate(id) {
					location.href="/type_toupdate?id="+id;
				}
			</script>

		</div>
	</body>

</html>